<template>
    <el-row style="margin-bottom: 8px;">
      <el-col :xs="12">
        <el-image :src="getImageUrl()" style="height: 150px"/>
      </el-col>
      <el-col>
        <el-descriptions column="2" border>
          <el-descriptions-item label="昵称" label-class-name="d-label" align="center">
            {{ mineData.username }}
          </el-descriptions-item>
          <el-descriptions-item label="学校" label-class-name="d-label" align="center">
            {{ mineData.school }}
          </el-descriptions-item>
          <el-descriptions-item label="个人说明" label-class-name="d-label" align="center">
            {{ mineData.desc }}
          </el-descriptions-item>
        </el-descriptions>
      </el-col>
    </el-row>
</template>

<script>
import store from '../store'

export default {
  name: "Mine",
  data() {
    return {
    }
  },
  computed: {
    mineData() {
      return store.getters.getMineData
    },
    login_state() {
      return Boolean(window.sessionStorage.getItem('login_state'))
    }
  },
  methods: {
    getImageUrl() {
      console.log(new URL('../static/imgs/avatar.png', import.meta.url).href)
      return new URL('../static/imgs/avatar.png', import.meta.url).href
    },
    save() {

    }
  }
}
</script>

<style scoped>
</style>